<!DOCTYPE html>
<html ng-app>

<head>
    <meta charset="utf-8">
    <meta name="viewport"		content="width=device-width, initial-scale=1.0">
    <meta name="description"	content="">
    <meta name="author"			content="">
    
	<title><g:layoutTitle default="${meta(name:'app.name')}" /></title>
	<link rel="shortcut icon" href="${resource(dir:'images',file:'favicon.ico')}" type="image/x-icon" />
	
	<link rel="stylesheet" href="${resource(dir:'bootstrap/css', file:'bootstrap.css')}" />
	<link rel="stylesheet" href="${resource(dir:'bootstrap/css', file:'bootstrap-responsive.css')}" />
	<link rel="stylesheet" href="${resource(dir:'kickstart/css', file:'docs.css')}" />
	<link rel="stylesheet" href="${resource(dir:'kickstart/css', file:'kickstart.css')}" />
	
    <link rel="apple-touch-icon" href="assets/ico/apple-touch-icon.png">
    <link rel="apple-touch-icon" sizes="72x72" href="assets/ico/apple-touch-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="114x114" href="assets/ico/apple-touch-icon-114x114.png">
    
    <g:layoutHead />
	
	<!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
	<!--[if lt IE 9]>
	  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->
	
	<script src="${resource(dir:'js/jquery', file:'jquery-1.7.2.min.js')}"></script>
    <script src="${resource(dir:'js/angular', file:'angular-1.0.1.js')}"></script>
    
    <script src="${resource(dir:'bootstrap/js', file:'bootstrap.js')}"></script>
	<script src="${resource(dir:'kickstart/js', file:'kickstart.js')}"></script>
	<script src="${resource(dir:'js',			file:'application.js')}"></script>
	
    <script src="${resource(dir:'js/controllers',file:'todoController.js')}"></script>    
	<r:layoutResources />
</head>

<body>

<g:set var="entityName" value="${message(code: params.controller+'.label', default: params.controller.substring(0,1).toUpperCase() + params.controller.substring(1).toLowerCase())}" />

<bootstrap:fixedNavBar id="Navbar">
    
    <ul class="nav">
		<li class="dropdown">
			<a class="dropdown-toggle" data-toggle="dropdown" href="#">Browse <b class="caret"></b></a>
			<ul class="dropdown-menu">
                   <g:each var="c" in="${grailsApplication.controllerClasses.sort { it.fullName } }">
                   <li class="controller"><g:link controller="${c.logicalPropertyName}">${c.fullName.substring(c.fullName.lastIndexOf('.')+1)}</g:link></li>
                   </g:each>
			</ul>
		</li>
	</ul>





<bootstrap:dropDown ngController="DropdownCtrl" id="zz_DropDown" title="Tesste" href="#" icon="icon-search icon-white">
			<%-- Note: Links to pages without controller are redirected in conf/UrlMappings.groovy --%>
			<bootstrap:dropDownItem href="${createLink(uri: '/about')}" icon="icon-search">About TAG</bootstrap:dropDownItem>
			<bootstrap:dropDownSeparator />

			<bootstrap:dropDownItem icon="icon-certificate" href="http://wordpress.com/signup/" ><g:message code="default.blog.button"/></bootstrap:dropDownItem>		
			<bootstrap:dropDownItem icon="icon-user" href="${createLink(uri: '/contact')}"><g:message code="default.contact.button"/></bootstrap:dropDownItem>
			
			<bootstrap:dropDownSeparator />
			
			<li class=""><g:link action="list" ng-href="/!#abc"><i class="icon-search"></i> TESTE TESTE TESTE </g:link></li>
			<g:if env="development">
			<bootstrap:dropDownItem icon="icon-hdd" href="${createLink(uri: '/dbconsole')}"><g:message code="default.dbconsole.button"/></bootstrap:dropDownItem>
			</g:if>
			<bootstrap:dropDownItem icon="icon-info-sign" href="${createLink(uri: '/systeminfo')}"><g:message code="default.systeminfo.button"/></bootstrap:dropDownItem>
			
			<bootstrap:dropDownSeparator />
			<bootstrap:dropDownItem icon="icon-print" href="${createLink(uri: '/imprint')}">Imprint</bootstrap:dropDownItem>
			<bootstrap:dropDownItem id="itZzz" icon="icon-file" ngClick="onItemClicked('itZzz')" >Terms of Use</bootstrap:dropDownItem>
</bootstrap:dropDown>



	<div class="pull-right">
	    <bootstrap:searchBox id="searchBox1" />
		<g:render template="/menu/language"/>														
		<g:render template="/menu/info"/>														
	</div>

</bootstrap:fixedNavBar>

 
	<g:if test="${ pageProperty(name:'page.header') }">
   		<g:pageProperty name="page.header" />
	</g:if>
	<g:else>
		<header id="Header" class="jumbotron masthead">
			<div class="inner">
				<div class="container">
					<h1 class="title"><g:layoutTitle default="${meta(name:'app.name')}" /></h1>
				</div>
			</div>
		</header>
	</g:else>

	<div id="Content" class="container">
 	    
 		<g:layoutBody />
        <g:pageProperty name="page.body" />
        
	</div>

<!-- 
	<g:if test="${ pageProperty(name:'page.footer') }">
	    <g:pageProperty name="page.footer" />
	</g:if>
	<g:else>
		<footer id="Footer">
		</footer>
	</g:else>
-->
    <r:layoutResources />
</body>

</html>